<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css">
        <link rel="stylesheet" href="build/css/todolist.css">
        <script src="node_modules/vue/dist/vue.min.js"></script>
    </head>
    <body>
        <div class="container" id="app">
            <header>
                <div class="header">
                    <div class="overlay"></div>
                    <div class="font">
                        <span class="day">21</span>
                        <span class="week">Tuesday</span>
                        <span>Mach,2017</span>
                    </div>
                    <div class="add-circle">
                        <i class="fa fa-plus"></i>
                    </div>
                </div>
            </header>
            <article class="todo-content">
                <div class="todo-content-title">
                    <h2>Your tasks</h2>
                    <p class="task-report">
                        <span class="task-remain"> 0 done </span>
                        / 11 task(s)
                    </p>
                </div>
                <ul class="todo-list">
                    <li class="todo-item">
                        <span class="label"></span>
                        <p class="text">
                            <input class="todo-input" type="text" value="" placeholder="Type a new task and hit enter">
                        </p>
                        <div class="todo-action">
                            <span class="more">
                                <span></span>
                                <span></span>
                                <span></span>                                
                            </span>
                        </div>
                    </li>
                </ul>
            </article>
        </div>
    </body>
    <script src="src/js/todolist.js"></script>
</html>